<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>tabs</title>


    <link rel="stylesheet" href="../CSS/myblog_style.css">
    <link rel="stylesheet" href="../CSS/swiper.min.css">

    <!-- CDN -->
    <link rel="stylesheet" href="https://www.bootcss.com/p/buttons/css/buttons.css">
    <script src="../js/jquery.min.js"></script>
    <script src="../js/jquery.tagcanvas.js" type="text/javascript"></script>
    <script src="../js/myblog.js"></script>
    <!-- fontawesome字体 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/5.8.0/css/all.css">

    <!-- 动画 -->
    <script src="https://cdn.bootcss.com/wow/1.1.2/wow.js"></script>
    <script src="https://cdn.bootcss.com/wow/1.1.2/wow.min.js"></script>
    <link href="https://cdn.bootcss.com/animate.css/3.7.2/animate.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/animate.css/3.7.2/animate.min.css" rel="stylesheet">
</head>
<body class="">
    <div id="top_menu" class="wow slideInLeft">

        <div id = "mid_twolevelMenu">
            <ul id="nav" class="wow rollIn">
                    <li><a href="#"><i class="fab fa-home"></i>网站首页</a>
                        <ul id="nav_hide">
                            <li><a href="">前端</a></li>
                            <li><a href="">UI</a></li>
                            <li><a href="">后端</a></li>
                            <li><a href="">服务器</a></li>
                            <li><a href="">PHP</a></li>
                            <li><a href="">摄影</a></li>
                            <li><a href="">空间</a></li><br \>
                            <li><a href="">人工智能</a></li>
                            <li><a href="">5G</a></li>
                            <li><a href="">大数据</a></li>
                            <li><a href="">通信工程</a></li>
                            <li><a href="">纯艺术</a></li>
                            <li><a href="">数字媒体</a></li>
                            <li><a href="">其他</a></li>
                        </ul>
                    </li>
                    <li><a href="#">关于我</a></li>
                    <li><a href="#Search_bg">图片分享</a>

                        <ul id="nav_hide2">
                            <li><a href="">程序猿</a></li>
                            <li><a href="">架构师</a></li>
                            <li><a href="">+发布职位</a></li>
                        </ul>
                    </li>
                    <li><a href="#friends">友情链接</a>
                    </li>
                    <li><a href="#">慢生活</a>
                        <ul id="nav_hide2">
                            <li><a href="">图片</a></li>
                            <li><a href="">素材</a></li>
                            <li><a href="">字体</a></li>
                            <li><a href="">音乐</a></li>
                        </ul>
                    </li>
                    <li><a href="#">留言</a>
              
                    </li>
                
                </ul>
        </div>  
    </div>

    
	<div class="wow slideInUp picshow">
		<ul>
			<li>
				<a href="#"><i><img
							src="../images/b01.jpg"></i>
					<div class="font">
						<h3>你今天必须做别人不愿做的事，好让你明天可以拥有别人不能拥有的东西。</h3>
					</div>
				</a>
			</li>

			<li>
				<a href="#"><i><img
							src="../images/b02.jpg"></i>
					<div class="font">
						<h3>生活酸甜苦辣尽藏其中。幸福是一种感受，只是，不是所有的感受都幸福。</h3>
					</div>
				</a>
			</li>
			<li>
				<a href="#"><i><img
							src="../images/b03.jpg"></i>
					<div class="font">
						<h3>如果你在努力奋斗，你有可能会失败，但是，如果你不奋斗你就已经输了。</h3>
					</div>
				</a>
			</li>
			<li>
				<a href="#"><i><img
							src="../images/b04.jpg"></i>
					<div class="font">
						<h3>有时候，我们并非走出了生活给的伤痛，不过是学会了带着伤痛继续生活。</h3>
					</div>
				</a>
			</li>
			<li>
				<a href="#"><i><img
							src="../images/b05.jpg"></i>
					<div class="font">
						<h3>生不过一场旅行，你路过我，我路过你，分别离去，各自修行，各自向前。</h3>
					</div>
				</a>
			</li>
		</ul>
	</div>
    
    <div class="main_content_container">
        <div class=" content_box">
        
        </div>
        
        

        <div class="wow slideInUp about_me">
            <div class="owner">
                <img src="../images/icon.jpeg">
                <p class="name">备案信息</p>
                <p class="intro"></p>
                <p class="intro_content">蜀ICP备11111111号</p>
                
                <ul class="social-links">
                   
                    <li>
                        <a href="">
                            <i class="fab fa-github"></i>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="fab fa-weibo"></i>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="fab fa-weixin"></i>
                        </a>
                    </li>
              
                </ul>
                <p class="myschool"></p>
            </div>

            <div id="page">
                <div id="container" class="content clearfix wow slideInUp">
            <!---->
             <canvas height="300" id="myCanvas">
              <ul class="CloudTips">

              </ul>
             </canvas>
              </div>   
             </div> 
        </div>

    </div>

    <div class="pagelist">
        <a href="javascript:" class="disabled">&nbsp;<b>首页</b> </a>&nbsp;&nbsp;
        <a href="javascript:" class="disabled">上一页</a>&nbsp;
        <a href="javascript:" class="active">1</a>&nbsp;
        <a href="#">2</a>&nbsp;
        <a href="#">3</a>&nbsp;
        <a href="#">4</a>&nbsp;
    
        <a href="#">下一页</a>&nbsp;
        <a href="#"><b>末页</b></a>
    </div>
	<div class="serch_bg" id="Search_bg">
        <div class="serch_title">
            <h2>Search what you want</h2>
        </div>
        <div class="style_1">
            <form method="get" id="searchform" action="#">
                <fieldset>
                <input id="s" name="s" type="text" value="搜你想搜的" class="text_input" onblur="if(this.value==''){this.value='搜你想搜的';}" onfocus="if(this.value =='搜你想搜的') {this.value=''; }" />
                <input name="submit" type="submit" value /> </fieldset>
            </form>
        </div>
    </div>
    
    <div class="wow rotateIn friend_url" id="friends">
          <h1>/ 友情链接 /</h1>

            <div class="container">
                <div class="card">
                    <h2><a href="#">
                        <i class="fab fa-github"></i>
                    </a></h2>
                </div>
                <div class="card">
                    <h2><a href="#">
                        <i class="fab fa-weibo"></i>
                    </a></h2>
                </div>
                <div class="card">
                    <h2><a href="#">
                        <i class="fab fa-weixin"></i>
                    </a></h2>
                </div>
                <div class="card">
                    <h2><a href="#">
                        <i class="fab fa-facebook"></i>
                    </a></h2>
                </div>
                <div class="card">
                    <h2><a href="#">
                        <i class="fab fa-twitter"></i>
                    </a></h2>
                </div>
            </div>
        </div>
    </div>
    <a href="#" class="cd-top faa-float animated cd-is-visible" id="totop"></a>

    <div class="zhihu_content">
        
    </div>
    <div class="zhihu_button">
        <button class="zhihu_button_toLastDay button button-glow button-border button-rounded button-primary" onclick="ajaxRequest(finalTime-=1);">上一篇</button>
        <button class="zhihu_button_toNextDay button button-glow button-border button-rounded button-primary" onclick="ajaxRequest(finalTime+=1);">下一篇</button>
    </div>
<script src="https://cdn.jsdelivr.net/gh/Zevs6/CDN/js/sakura.js"></script>
<script>
    var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 1,
            mobile: true,
            live: true
        });
        wow.init();

        let flagTime = getNextDate();

        var finalTime = Number(flagTime);

        // function ajaxRequest(date) {
                $.ajax({
                    type: "get",
                    url: "https://zhihu-daily.leanapp.cn/api/v1/before-stories/" + date,
                    data: "",
                    dataType: "json",

                    success: function (response) {
                        var arr_stories = response.STORIES.stories;
                        var str = "";

                        for (let i in arr_stories) {
                            let obj = arr_stories[i];
                            let title = obj.title;
                            let url = obj.url;
                            let img_src = obj.images[0];
                            str += '<div class = "wow fadeInLeft list"><a href="' + url + '"><img src="' + img_src + '" alt=""></a><span>' + title + '</span></div>';

                        }
                        $(".zhihu_content").html(str);
                    }
                });
            }
        function getNextDate() {

                var date = new Date();

                var y = date.getFullYear();
                var m = date.getMonth();
                var d = date.getDate();

                m = (m + 1) < 10 ? '0' + (m + 1) : (m + 1);
                d = (d - 1) < 10 ? '0' + (d - 1) : (d - 1)

                return y + "" + m + "" + d
            };

</script>
<!-- 点击回顶部按钮结束 -->

</body>
</html>